@charset 'UTF-8';

@import "~/scss/themes/index.scss";

/*******************************
          分割线
*******************************/
.ui-divider {
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #e8e8e8;

  &.is-vertical {
    margin: 0 8px;
    display: inline-block;
    height: 0.9em;
    width: 1px;
    min-width: 1px;
    vertical-align: middle;
    position: relative;
    top: -0.06em;
  }

  display: block;
  height: 1px;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
  clear: both;

  /*----------------------
     分割线内包含文字
  ------------------------*/
  &.is-with-text,
  &.is-with-text-left,
  &.is-with-text-right {
    display: table;
    white-space: nowrap;
    text-align: center;
    background: transparent;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
    margin: 16px 0;
  }

  &.is-with-text.is-with-text-left:before,
  &.is-with-text.is-with-text-left:after,
  &.is-with-text.is-with-text-right:before,
  &.is-with-text.is-with-text-right:after {
    content: "";
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    border-top: 1px solid #e8e8e8;
    transform: translateY(50%);
  }

  &.is-dashed {
    background: none;
    border-top: 1px dashed #e8e8e8;
  }
}
